<template>
  <div id="app">
    <el-container direction="vertical">
      <el-header height="auto" style="text-align: center">
        <!-- Header content -->
        <el-image src="images/logo.png" fit="fill" lazy></el-image>
        <span class="login-title">南昌高新区招商引资档案管理系统</span>
      </el-header>
      <div class="elBtns">
        <el-button
          circle
          class="el-icon-switch-button"
          size="default"
          @click="destroy"
        ></el-button>
      </div>
      <el-container class="content" direction="horizontal">
        <el-aside width="200px">
          <!-- Aside content -->
          <Aside></Aside>
        </el-aside>
        <el-container direction="vertical">
          <el-main class="mainmain" height="auto">
            <main-body></main-body>
            <!-- Main content -->
          </el-main>
          <el-footer height="auto">
            <!-- Footer content -->
          </el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Aside from "./content/aside";
import MainBody from "./content/mainbody";
export default {
  components: {
    Aside,
    MainBody,
  },
  methods: {
    destroy() {
      this.$confirm("是否注销当前账号?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$router.push({
            name: "index",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
  },
};
</script>


<style >
.mainmain {
  padding: 0px;
  margin-left: 10px;
  background-color: azure;
}
.login-title {
  line-height: 90px;
  color: #d8edff;
  font-size: 32px;
  font-weight: bold;
  vertical-align: bottom;
  font-family: microsoft yahei;
  letter-spacing: 2px;
  /* margin-bottom: -30px; */
}
.el-image {
  top: -10px;
}
.content {
  margin: 20px 30px;
}
.elBtns .el-button {
  float: right;
  margin-top: 8px;
  margin-right: 8px;
}
</style>
